It takes any json, as primitives or arrays are also valid JSON logic.

Upgraded the builder to a version that uses the same
monaco-json-editor version to prevent different library
versions being included in the build.

This adds the explicit dependency on the monaco editor,
instead of relying on it being provided through
formio-builder.

These components now use the underlying monaco-json-editor to edit
and/or preview the JSON data being manipulated. This fixes the annoying
autoformatting-while-typing and adds syntax highlighting, plus support
for dark/light theme.

Co-authored-by: @Viicos

Sizing is based on number of rows/cols desired and set through a custom
CSS property on the respective components.

* Moved around the position of widgets a bit, and declutter
* Instead of a toggle link, there's now a toggle icon
* Instead of expand/collapse, replace the editor UI with the Json widget
  and vice versa on toggle
* Ensure that icons have accessible labels when a title is provided

Added a helper to put (JSON) expressions in the editors so that the
user interaction can be simulated. For speed reasons, it uses copy and
paste. Solution is taken from microsoft/playwright#14126

It leads to duplicate labels where the icon is used as a tooltip,
instead we can provide the prop/attribute in places where it's actually
waranted.

This refactors the toggle icon so that the message, behaviour and a11y
impact is contained in a single place.

Writing to and reading from monaco editors is a bit more
convoluted than making simple assertions on textareas.

The helpers should be re-usable for any place that uses
the monaco-json-editor.

See microsoft/playwright#13037 for more
context.

I could not for the life of me get this to work, after spending 4 hours
on it trying various permutations of workarounds:

* using a textarea or div that is contenteditable to grab the code from,
  via page.evaluate. Those actually all worked, but the problem wasn't
  getting the code/JSON on the clipboard - navigator.clipboard
  actually works just fine
* trying various combinations to get the code in the editor to clear:
  CTRL+A, CTRL+End (to end of document) followed by CTRL+Shift+Home to
  select everything from end to beginning of document, followed by
  Delete key to delete it -> can't get this selection to apply,
  with or without delays provided in keyboard.press

I've added numerous screenshots and compared them to what Chromium
browsers do, and that is different - the select-all-and-then-delete
to get rid of the existing content just doesn't seem to work. I don't
know if the editor is not properly initialized or events are not
properly dispatched, but I've given up at this point.

So, warning other users via an exception that this won't work on webkit
to save them the same debugging hassle and adding a skip helper for
these tests should still give us the coverage on chromium and firefox,
and manual testing on webkit will have to make do.